﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
    <link type="text/css" href="~/Content/Menu/menu.css" rel="stylesheet" />
    <script type="text/javascript" src="~/Scripts/jquery.js"></script>
    <script type="text/javascript" src="~/Scripts/menu.js"></script>
    @*<script type="text/javascript">
    $(document).ready(function () {
        $("body div:last").remove();
    });
    </script>*@
    <script id="menuViewBuilder" src="~/Scripts/AppScripts/MenuLoader.js" type="text/javascript">
       
    </script>
    <script id="menuLinkHandler" src="~/Scripts/AppScripts/MenuLinkHandler.js" type="text/javascript">

    </script>
    </head>
        <body>
            <div id="menu">
                @*<ul class="menu">
                <li>
                    Home
                    <div>
                        <ul>
                            <li>
                                <a href="#"><span>Sub Item 1</span></a>
                                <div>
                                    <ul>
                                        <li>
                                            Sub Item 1.1
                                            <div>
                                                <ul>
                                                    <li>Sub Item 1.1.1</li>
                                                    <li>Sub Item 1.1.2</li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li>Sub Item 1.2</li>
                                        <li>Sub Item 1.3</li>
                                        <li>Sub Item 1.4</li>
                                        <li><a href="#"><span>Sub Item 1.5</span></a></li>
                                        <li><a href="#"><span>Sub Item 1.6</span></a></li>
                                        <li>
                                            <a href="#"><span>Sub Item 1.7</span></a>
                                            <div>
                                                <ul>
                                                    <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                                    <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#"><span>Sub Item 2</span></a></li>
                            <li><a href="#"><span>Sub Item 3</span></a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <a href="#"><span>Product Info</span></a>
                    <div>
                        <ul>
                            <li>
                                <a href="#" class="parent"><span>Sub Item 1</span></a>
                                <div>
                                    <ul>
                                        <li><a href="#"><span>Sub Item 1.1</span></a></li>
                                        <li><a href="#"><span>Sub Item 1.2</span></a></li>
                                    </ul>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="parent"><span>Sub Item 2</span></a>
                                <div>
                                    <ul>
                                        <li><a href="#"><span>Sub Item 2.1</span></a></li>
                                        <li><a href="#"><span>Sub Item 2.2</span></a></li>
                                    </ul>
                                </div>
                            </li>
                            <li><a href="#"><span>Sub Item 3</span></a></li>
                            <li><a href="#"><span>Sub Item 4</span></a></li>
                            <li><a href="#"><span>Sub Item 5</span></a></li>
                            <li><a href="#"><span>Sub Item 6</span></a></li>
                            <li><a href="#"><span>Sub Item 7</span></a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="#"><span>Help</span></a></li>
                <li class="last"><a href="#"><span>Contacts</span></a></li>
            </ul>*@
            </div>
            <div style="visibility:hidden">
                <a href="http://apycom.com/">Apycom jQuery Menus</a>
            </div>
            <div id="mainContent">
                @RenderBody();
            </div>
</body>
</html>
z